*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
    height: 100%;
    background: #F4F4F4;
}
/* 让所有斜体 不倾斜 */
em,i{
    font-style: normal;
}
/* 去掉列表前面的小点 */
li{
    list-style:none;
}
/* 图片没有边框 去掉图片地侧的空白缝隙 */
img {
    border: 0;
    vertical-align: middle;
}
/* 让按钮变成小手 */
button {
    cursor: pointer;
}
/* 取消链接得到下划线 */
a{
    color: #666;
    text-decoration: none;
}
/* 获取焦点时字体变红 */
a:hover{
    color: #e33333;
}
/* 点击输入框不变边框颜色 */
input{
    outline:none;
}
/* ------------------------------------------------------------ */

/* 头部广告推广栏 */
.promotion-top{
    width: 100%;
    height: 70px;
    position: relative;
    background-image: url(../imges/advertisement.png);
    background-size:100% 70px;
}
.promotion-top .offbtn{
    width: 20px;
    height: 20px;
    font-size: 18px;
    border: none;
    position: absolute;
    background: rgb(219, 218, 218);
    left: 1490px;
    top: 20px;
    color: rgb(155, 153, 153);
    font-weight: bolder;
    border-radius:50%;
}
#topmg0{
    width: 200px;
    height: 70px;
    position: absolute;
    left: 80px;
}
#topmg1,#topmg2,#topmg3{
    width: 75px;
    height: 55px;
    display: block;
}
#topmg1{
    position: absolute;
    left: 363px;
    top: 7px;
}
#topmg2{
    position: absolute;
    left: 520px;
    top: 7px;
}
#topmg3{
    position: absolute;
    left: 682px;
    top: 7px;
}
/* 头部 */
.navigation{
    width: 100%;
    height: 36px;
    background: #E3E4E5;
    position: relative;
}
#topregion{
    width: 60px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    left: 150px;
}
#topregion>i{
    color: rgb(196, 43, 43);
    font-weight: bolder;
    font-size: 20px;
}
#topregion>span{
    font-size: 15px;
    color: rgb(116, 107, 107);
}
#topregion>span:hover{
    color: rgb(168, 24, 24);
}
#registration-section{
    position: absolute;
    left: 560px;
}
#registration-section>li{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    margin-left: 10px;
}
#redregistration{
    color: rgb(245, 17, 17);
}
#List-some{
    position: absolute;
    left: 750px;
}
#List-some>li{
    display: inline-block;
    height: 20px;
    line-height: 36px;
    font-size: 13px;
    margin-left:0px;
}
#redlistbtn{
    color: rgb(245, 17, 17);
}
/* 导航栏 */
.search{
    width: 100%;
    height: 175px;
    background: #fff;
    border-bottom: 1px solid #DDDDDD;
}
.search .central{
    width: 80%;
    margin: auto;
}
/* 左右两张图片 */
.imgleft{
    width: 200px;
    height: 120px;
    margin-top: 10px;
}
.imgright{
    width: 225px;
    height: 143px;
    margin-top: -160px;
    margin-left: 1000px;
}
/* 搜索框和列表 */
.findthe{
    width: 500px;
    position: relative;
    left: 270px;
    top: -90px;
}
#jdframe{
    width: 500px;
    height: 43px;
    border: 2px solid rgb(207, 26, 26);
    color: #ccc;
}
#searbtn{
    width:70px;
    height: 44px;
    background: red;
    border: none;
    position: absolute;
    left: 434px;
    top: 2px;
}
#searbtn>#glass{
    
    width: 25px; 
}
.navigationlist li {
    display: inline-block;
    color: #ccc;
    font-size: 12px;
    margin-left: 2px;
}
#redone{
    color: rgb(223, 20, 20);
}
/* 购物车按钮 */
#shoppingbtn{
    width: 140px;
    height: 43px;
    background: #fff;
    border: 1px solid rgb(197, 196, 196);
    color: rgb(207, 26, 26);
    position: relative;
    left: 820px;
    top:-155px;
}
#shoppred{
    color: rgb(207, 26, 26);
}
#shoppingimg{
    width: 20px;
    height: 20px;
}
#shoppingbtn:hover{
    border: 1px solid rgb(207, 26, 26);
}
/* 本栏底部的商品列表 */
.bottomlist{
    margin-left: 200px;
    margin-top: -100px;
}
.bottomlist li a{
    /* display: inline-block; */
    float: left;
    font-size: 16px; 
    margin-left: 12px;  
    color: rgb(70, 63, 63); 
}
.bottomlist>li>a:hover{
    color: rgb(219, 28, 28);
}
#becomecoarse{
    font-weight: bolder;
    color: rgb(219, 28, 28);
}
/* 轮播列表巨幕栏 */
.bigscreen{
    width: 100%;
    height: 500px;
    background: #F4F4F4;
    background-image: url(../imges/banner.png);
    background-repeat: no-repeat;
    background-size: 100% 500px;
    position: relative;
}
.detailedshoppingguide{
    width: 250px;
    height: 450px;
    background: #fff;
    position: absolute;
    left: 150px;
    top: 15px;
}
#Commoditytype{
    width: 225px;
    height: 25px;
    text-align: left;
    padding-left:25px;
}
#Commoditytype i{
    color: rgb(114, 110, 110);
}
#Commoditytype:hover{
    background: #ccc;
}
#Commoditytype:hover .Sidepul{
    display: block;
}
/* 侧拉列表 */
.Sidepul{
    display: none;
    width: 720px;
    height: 450px;
    background:#fff;
    position: absolute;
    z-index: 999;
    left: 280px;
    top: 0px;
}
.Sidepul1{
    width: 100%;
    height: 40px;
}
#Sidepulul{
    width: 700px;
    height: 40px;
    overflow: hidden;
}
#Sidepullis{
    display:block;
    float: left;
    width: 100px;
    height: 30px;
    background: rgb(61, 58, 58);
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    margin-top: 5px;
    border-radius: 50px;
}
#Sidepullis a{
    color: #fff;
}
.Sidepul2{
    width: 100%;
    height: 30px;
    margin-top: 15px;
    position: relative;
}
.Sidepulspan{
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #000;
}
.Sidepulul1{
    width: 600px;
    height: 30px;
    position: absolute;
    left: 100px;
    top: 0;
}
#sidelis1{
    display: block;
    float: left;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: rgb(53, 51, 51);
    margin-left: 5px;
}
/* 轮播图 */
.focus{
    width: 500px;
    height: 450px;
    position: absolute;
    left: 430px;
    top: 15px;
    overflow: hidden;
}
.focus>ul{
    width: 4000px;
    height: 450px;
    position: relative;
}
#figure{
    width: 500px;
    height: 450px;
    float: left;
}
.arrow1{
    display: none;
    width:30px;
    height: 30px;
    background:  black;
    opacity: .5;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    position: absolute;
    z-index: 99;
    top: 200px;
    left: 0px;
}
.arrow2{
    display: none;
    width:30px;
    height: 30px;
    background: black;
    opacity: .5;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    position: absolute;
    z-index: 98;
    top: 200px;
    left: 470px;
}
.circle{
    list-style-type: circle;
    position: absolute;
    left: 200px;
    top:430px;
    z-index: 98;
}
.circle li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    margin: 0 5px;
    border: 1px solid #ffff;
}
.current{
    background-color: #fff;
}
/* 幻灯片 */
.slideone{
    width: 200px;
    height: 450px;
    position: absolute;
    left: 950px;
    top: 15px;
}
.slideone .themap{
    width: 200px;
    height: 143px;
}
.slideone .themap:hover{
    opacity: .8;
}
#topmap{
    background:url(../imges/shuffling1.png);
    background-size: 100% 100%;
}
#cenmap{
    margin-top: 10px;
    background:url(../imges/shuffling2.png);
    background-size: 100% 100%;
    position: relative;
}
/* 幻灯片左右按钮 */
.leftbtn1{
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    background:black;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    opacity: .5;
    top: 50px;
    left: 0;
}
.righttn2{
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    background:black;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    opacity: .5; 
    left: 170px;
    top: 50px;
}
/* 左右按钮显示 */
#cenmap:hover .leftbtn1{
    display: block;
}
#cenmap:hover .righttn2{
    display: block;
}
#fotmap{
    margin-top: 10px;
    background:url(../imges/shuffling3.png);
    background-size: 100% 100%;
}
/* 京东快报 */
.jdletters{
    width: 200px;
    height: 450px;
    background: #fff;
    position: absolute;
    left: 1160px;
    top: 15px;
}
/* 上栏 */
.topLetters{
    width: 200px;
    height: 100px;
    position: relative;
}
#dogfactory{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left:20px;
    top: 10px;
}
#greetingjd{
    color: rgb(82, 79, 79);
    font-size: 15px;
    position: absolute;
    left: 70px;
    top: 10px;
}
#lqdlogin{
    color: rgb(170, 165, 165);
    font-size: 14px;
    position: absolute;
    left: 78px;
    top: 30px;
}
.jdbox1,.jdbox2{
    width: 70px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
}
.jdbox1{
    background: rgb(207, 19, 19);
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 20px;
    top: 60px;
}
.jdbox2{
    background: rgb(39, 20, 20);
    color:rgb(194, 151, 43);
    font-size: 13px;
    position: absolute;
    left: 100px;
    top: 60px;
}
.jdbox1:hover{
    background:rgb(184, 37, 37);
}
.jdbox2:hover{
    background: rgb(207, 19, 19);
    color: #fff;
}
#divider1{
    width: 140px;
    margin-left: 26px;
    background: rgb(241, 240, 240);
}
/* 中栏 */
.cenLetters{
    width: 200px;
    height: 130px;
}
#Boldwords{
    display: block;
    margin-left: 10px;
}
#viewmore{
    display: block;
    margin-left: 150px;
    margin-top: -20px;
    font-size: 14px;
}
.ieceofnews{
    margin-top: 5px;
    margin-left: 5px;
}
.newssmall em{
    display: block;
    width: 40px;
    height: 20px;
    background: rgb(235, 198, 198);
    color: red;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
}
#Newsorderly{
    font-size: 14px;
    float: left;
    display: block;
    margin-left: 40px;
    margin-top: -20px;
}
/* 下栏 */
.fotLetters{
    width:200px;
    height: 215px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
#applicationblock{
    width: 60px;
    height: 50px;
}
#applicationlogo{
    width: 30px;
    height: 30px;
    margin-left: 13px;
}
#applicationblock figcaption{
    width: 60px;
    text-align: center;
    color: rgb(128, 118, 118);
    font-size: 14px;
}
#applicationblock figcaption:hover{
    color: rgb(196, 21, 21);
}
/* 京东秒杀栏 */
.seconds{
    width: 80%;
    height: 323px;
    background: #fff;
    margin: auto;
    margin-top: 10px;
    position: relative;
}
/* 秒杀块 */
.secondskill{
    width: 250px;
    height: 323px;
    background-image: url(../imges/Seconds\ kill.png);
    background-repeat:no-repeat;
    background-size: 250px 323px;
    position: relative;
}
.killword{
    width: 250px;
    height: 80px;
    color: #fff;
    font-size: 35px;
    text-align: center;
    font-weight:bolder;
    position: absolute;
    top: 40px;
}
.killoftime{
    width: 250px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 200px;
}
.killoftime em{
    font-weight: bolder;
    font-size: 20px;
}
.Timeblock{
    width: 250px;
    height: 60px;
    position: absolute;
    top: 230px;
    position: relative;
}
.Timeblock div{
    width: 45px;
    height: 45px;
    background: #2F3430;
    float: left;
    margin-left: 25px;
    margin-top: 5px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
}
#Timeblock1{
    margin-left: 30px;
}
#colon1{
    line-height: 20px;
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 82px;
    top: 15px;
}
#colon2{
    color: #fff;
    font-size: 30px;
    display: block;
    position: absolute;
    left: 152px;
    top: 5px;
}
/* 轮播块1 */
.killitemsswitch{
    width: 750px;
    height: 323px;
    /* background: red; */
    position: absolute;
    left: 250px;
    top: 0;
}
.killitemsswitch>div{
    width: 186px;
    height: 323px;
    float: left;
    border-left:0.5px solid rgb(245, 244, 244);
}
#killcommodityfigure{
    width: 150px;
    height: 160px;
    display: block;
    margin: auto;
    margin-top: 30px;
}
#killcommodityfigure:hover{
    opacity: .8;
}
#killcommodity{
    color: rgb(83, 80, 80);
    font-size: 15px;
    display: block;
    margin-top: 20px;
}
#killcommodity:hover{
    color: rgb(168, 32, 32);
}
#killcommodityprices{
    display: block;
    color: rgb(201, 46, 46);
    font-family: '黑体';
    width: 186px;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}
/* 左右两按钮 */
.killgoods1{
    position: relative;
    border-left: 0.5px solid rgb(245, 244, 244);
}
#leftbtn11{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: rgb(194, 189, 189);
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    left: 0;
    top: 130px;
}
#leftbtn11:hover{
    background: rgb(92, 86, 86);
    color:orangered;
}
.killgoods4{
    position: relative;
    border-right: 0.5px solid rgb(245, 244, 244);
}
#rightbtn2{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: rgb(194, 189, 189);
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    left: 156px;
    top: 130px;
}
#rightbtn2:hover{
    background: rgb(92, 86, 86);
    color:orangered;
}
/* 轮播块2 */
.killswitchingfigure{
    width: 220px;
    height: 323px;
    background-image: linear-gradient(180deg,#fff 70%,rgb(155, 153, 153));
    position: absolute;
    left: 1000px;
    top: 0;
}
.killswitchingfigure>img{
    width: 150px;
    height: 150px;
    display: block;
    margin: auto;
    margin-top: 50px;
}
#goodsword1{
    color: rgb(97, 97, 97);
    width: 220px;
    text-align: center;
    margin-top: 10px;
}
#goodsword2{
    font-weight: bolder;
    width: 220px;
    text-align: center;
    margin-top: 5px;
}
#killjump{
    display: block;
    width:100px;
    height: 30px;
    border-radius: 20px;
    border: 1px solid rgb(228, 38, 38);
    text-align: center;
    line-height: 30px;
    color: rgb(228, 38, 38);
    margin: auto;
    margin-top: 10px;
}
#killjump:hover{
    background: rgb(228, 38, 38);
    color: #fff;
}
/* 商品打折栏 */
.goodssale{
    width: 80%;
    height: 600px;
    margin: auto;
    margin-top: 10px;
    background-image: url(../imges/banner2.jpg);
    background-size: 100% 100%;
    position: relative;
}
/* 左10 */
.Itemboxe10{
    width: 900px;
    height: 480px;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 25px;
    top: 110px;
}
#Itemboxe{
    width: 160px;
    height: 220px;
    background-image: linear-gradient(180deg,#fff 70%,rgb(247, 247, 8));
    margin: 10px 10px;
    border-radius: 10px;
}
#Itemboxeimg{
    width: 130px;
    height: 120px;
    display: block;
    margin: auto;
    margin-top: 10px;
}
#Itemboxeimg:hover{
    opacity: .8;
}
#Itemboxeword1{
    width: 130px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background: rgb(134, 57, 134);
    color: #fff;
    font-size: 14px;
    margin: auto;
    margin-top: 10px;
    font-family: '黑体';
    font-weight: 900;
}
#Itemboxeword1>em{
    background: #fff;
    border-radius: 50%;
    color: rgb(134, 57, 134);
}
#Itemboxeword2{
    width: 160px;
    text-align: center;
    font-family: '黑体';
    font-weight: 900;
    color: rgb(190, 15, 15);
    font-size: 18px;
    margin-top: 10px;
}
/* 右4 */
.sidethings4{
    width: 250px;
    height:480px;
    position: absolute;
    left: 930px;
    top: 110px;
}
#Sponsoringbrand{
    width: 240px;
    height:110px;
    display: block;
    margin: auto;
    margin-top: 10px;
}
#Sponsoringbrand:hover{
    opacity: .8;
}
/* 特色优选栏 */
.features{
    width: 80%;
    height: 424px;
    /* background: #ccc; */
    margin: auto;
    margin-top: 10px;
    position: relative;
}
/* 左边盒子 */
.featleftbox{
    width: 47%;
    height: 400px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
}
.leftboxtop{
    width: 100%;
    height: 60px;
    position: relative;
}
#lefth2{
    height: 60px;
    line-height: 60px;
    margin-left: 30px;
    font-family: '黑体';
}
.featuls{
    position: absolute;
    left: 280px;
    top: 0px;
}
#featlis{
    display: inline-block;
    margin-left: 10px;
}
#featlisid{
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
.nonone{
    color: rgb(207, 16, 16);
    text-decoration: underline;
}
.leftboxleft{
    width: 200px;
    height: 320px;
    background: rgb(247, 244, 244);
    position: relative;
    left: 10px;
}
.leftboxright{
    width: 350px;
    height: 320px;
    position: absolute;
    left: 210px;
    top: 60px;
}
#Thingsimg0{
    display: block;
    position: absolute;
    left: 30px;
    top: 50px;
}
#Thingsimg0:hover{
    opacity: .8;
}
#Thingsdescribe0{
    position: absolute;
    left: 40px;
    top: 210px;
    color: rgb(46, 44, 44);
    font-size: 18px;
}
#Thingsdescribe0:hover{
    color: rgb(223, 19, 19);
}
#Thingsprice0{
    position: absolute;
    left: 80px;
    top: 260px;
    font-size: 18px;
    color: rgb(223, 19, 19);
    font-weight: bolder;
}
#Things1{
    width: 170px;
    height: 150px;
    position: relative;
}
#Thingsimg1{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 10px;
}
#Thingsimg1:hover{
    opacity: .8;
}
#Thingsdescribe1{
    position: absolute;
    left: 92px;
    top: 10px;
    font-size: 13px;
    color: rgb(46, 44, 44);
}
#Thingsdescribe1:hover{
    color: rgb(223, 19, 19);
}
#Thingsprice1{
    position: absolute;
    left: 92px;
    top: 50px;
    font-size: 18px;
    font-weight: 900;
    color: rgb(223, 19, 19);
}
#Thingssale1{
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    left: 20px;
    top: 100px;
    border: 1px solid rgb(199, 30, 30) ;
    color: rgb(199, 30, 30);
    font-size: 18px;
    font-family: '华文新魏';
}
#Thingssale1:hover{
    background: rgb(199, 30, 30);
    color: #fff;
}
#Things2{
    width: 170px;
    height: 150px;
    position: relative;
    top: 20px;
}
#Things3{
    width: 170px;
    height: 150px;
    position: relative;
    left: 180px;
    top: -300px;
}
#Things4{
    width: 170px;
    height: 150px;
    position: relative;
    left: 180px;
    top: -280px;
}
/* 右边盒子 */
.featrightbox{
    width: 47%;
    height: 400px;
    background: #fff;
    position: absolute;
    left:620px;
    top: 10px;
}
.largerversion{
    width: 50%;
    height: 100%;
    position: relative;
}
.flashsales{
    width: 100%;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    font-weight: 600;
    font-family: '黑体';
}
#Leathershoes{
    width: 260px;
    height: 280px;
    position: absolute;
    left: 15px;
    top: 90px;
}
#Leathershoes:hover{
    opacity: .8;
}
.enterprise{
    width: 50%;
    height: 100%;
    position: relative;
    left: 280px;
    top: -400px;
}
.enter1{
    width: 130px;
    height: 120px;
    position: absolute;
    top:30px;
    left: 10px;
    position: relative;
}
.enter1:hover{
    opacity: .8;
}
.enter2:hover{
    opacity: .8;
}
.enter3:hover{
    opacity: .8;
}
.enter4:hover{
    opacity: .8;
}
.enter5:hover{
    opacity: .8;
}
.enter6:hover{
    opacity: .8;
}
#enterimg{
    width: 90px;
    height: 50px;
    position: absolute;
    left: 25px;
    top: 20px;
}
#enterword{
    font-size: 14px;
    color: rgb(85, 80, 80);
    width: 100%;
    text-align: center;
    position: absolute;
    top: 90px;
}
.enter2{
    width: 130px;
    height: 120px;
    position: absolute;
    top:-90px;
    left: 150px;
    position: relative;
}
.enter3{
    width: 130px;
    height: 120px;
    position: absolute;
    top:-80px;
    left: 10px;
    position: relative;
}
.enter4{
    width: 130px;
    height: 120px;
    position: absolute;
    top:-200px;
    left: 150px;
    position: relative;
}
.enter5{
    width: 130px;
    height: 120px;
    position: absolute;
    top:-200px;
    left: 150px;
    position: relative;
}
.enter6{
    width: 130px;
    height: 120px;
    position: absolute;
    top:-320px;
    left: 11px;
    position: relative;
}
/* 发现好货栏 */
.magicbar{
    width: 80%;
    height: 327px;
    margin: auto;
    margin-top: 10px;
}
/* 左栏 */
.Findgood{
    width: 250px;
    height: 327px;
    background-image: url(../imges2/haohuo.png);
    background-repeat: no-repeat;
    background-size: 100% 327px;
    position: relative;
    left: 20px;
}
.goodwords{
    width: 200px;
    height: 100px;
    background: rgb(22, 21, 21);
    opacity: .7;
    position: absolute;
    left: 25px;
    top: 50px;
    border-radius: 0 0 50px 0;
}
#goodws1{
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 30px;
    margin-top: 10px;
    color: #fff;
}
#goodws2{
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    color: #fff;
}
/* 右栏 */
.Assemblyline{
    width: 900px;
    height: 327px;
    background: #fff;
    position: relative;
    left: 280px;
    top: -327px;
}
.water1{
    width: 170px;
    height: 327px;

    position: absolute;
    left: 10px;
}
.water2{
    width: 170px;
    height: 327px;

    position: absolute;
    left: 190px;
}
.water3{
    width: 170px;
    height: 327px;

    position: absolute;
    left: 370px;
}
.water4{
    width: 170px;
    height: 327px;

    position: absolute;
    left: 550px;
}
.water5{
    width: 170px;
    height: 327px;
    position: absolute;
    left: 730px;
}
#waterimg{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 70px;
    left: 25px;
}
#waterimg:hover{
    opacity: .7;
}
#waterwords{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 230px;
}
